import React  from 'react'
import style from './index.less'
import ReactMarkdown from 'react-markdown';

import FeedTool from '../FeedTool'


export default ({notes,articleFeedCollect,trader})=>{
  return(
    <div className={style.teachingList}>
      {
        notes&&notes.length&&notes.map((item,i)=>
        <article key={i} style={{borderBottom:'1px #e9e9e9 solid',padding:'15px 0'}}>
          <header>{item.title}</header>
          <ReactMarkdown source={item.content} />
          <FeedTool {...item} articleFeedCollect={articleFeedCollect} trader={trader} />
        </article>
      )
      }
    </div>
  )
}
